<script type="text/javascript" >
    function resetUpload(){
        var bar = jQuery(".youtube_uploadpercent");
        var statusBar = jQuery(".statusUpload");
        jQuery("#uploading_container").fadeOut('slow', function(){
            jQuery("#uploadForm").fadeIn();
        });
        bar.css('width', '0%');
        statusBar.html('0%');
        jQuery("#upload_preview").html('<li id="imgPreview1"></li><li id="imgPreview2"></li><li id="imgPreview3"></li><li id="imgPreview4"></li><li id="imgPreview5"></li>');
        jQuery(".statusProgressing").html("Processing 0%");
        jQuery(".statusProgressing").css("background-position", '0 50%');
    }

    function testMovingAction(){
        var oldHtml = jQuery("#inner_content").html();
        jQuery("#inner_content").append('hello');
    }

</script>
<div class="w100p bgl">
    <div class="w100p bgr p5b">
        <div id="uploading_container" class="" >
            <div class="uploadFileTitle">
                <h2 style="text-transform: uppercase" id="uploadTitle"></h2>
            </div>
            <br clear="both" />
            <ul class="upload_form_field">
                <li>
                    <label class=""><?php _e('Upload progress', $config['plugin_name']) ?>:</label>
                    <div class="float_left">
                        <div class="youtube_uploading float_left">
                            <div class="youtube_uploadpercent"></div>
                        </div>
                        <a href="javascript:" onclick="testMovingAction()" class="float_left" style="margin-left: 20px; color: red">cancel</a>
                        <br clear="both" />
                        <div class="statusUpload">Starting upload...</div>
                    </div>
                    <br clear="both" />
                </li>

                <li>
                    <label class=""><?php _e('Preview', $config['plugin_name']) ?>:</label>
                    <div class="float_left">
                        <ul id="upload_preview">
                            <li id="imgPreview1"></li>
                            <li id="imgPreview2"></li>
                            <li id="imgPreview3"></li>
                            <li id="imgPreview4"></li>
                            <li id="imgPreview5"></li>
                        </ul>
                        <br clear="both" />
                    <div class="statusProgressing">Processing 0%</div>
                    </div>
                    <br clear="both" />
                    <a onclick="resetUpload()" id="addLink" href="javascript:" style="color: #21759B; float: right; display: none"> +Upload more</a>
                    <br clear="both" />
                </li>
            </ul>
            
        </div>
        <br />
        <iframe id="uploadForm" frameborder="0" style="border: none 0px !important; overflow: auto; margin-left: 5px" height="500px" width="99%" src="<?php echo admin_url('/admin.php?page=' . $config['plugin_name'] . '&action=youtubeUploadForm&ajax=1') ?>"></iframe>
        
    </div>
</div>